<html>
<head>
    <g:javascript library="jquery" plugin="jquery"/>
	<r:require module="jquery"/>
	<r:layoutResources />
</head>

<body>

	<div id="contentBody">
		<div id="header">
			<img src="<g:createLinkTo dir='images' file='logo.png'/>" alt="logo" />
		</div>
			
		<ul id="menu">
			<li> 
			   <g:remoteLink action="ajaxRandom" update="displayBook">Random Book</g:remoteLink>
			</li>
			<li> 
			   <g:link action="list">Admin</g:link>
			</li>		
		</ul>
		
		<div id="displayBook">
			<p>
				<table>
					<tr>
						<td>Title:</td>
						<td>${aBook.title}</td>
					</tr>
					<tr>
						<td>Author:</td>
						<td>${aBook.author}</td>
					</tr>
					<tr>
						<td>Description:</td>
						<td>${aBook.description}</td>
					</tr>
					<tr>
						<td>ISBN:</td>
						<td>${aBook.isbn}</td>
					</tr>
					<tr>
						<td>Minimum Grade Level:</td>
						<td>${aBook.minGradeLevel}</td>
					</tr>
					<tr>
						<td>Maximum Grade Level:</td>
						<td>${aBook.maxGradeLevel}</td>
					</tr>
					<tr>
						<td>Language:</td>
						<td>${aBook.language}</td>
					</tr>
					<tr>
						<td>Category:</td>
						<td>${aBook.category}</td>
					</tr>
				</table>
			</p>
		</div>
	</div>
 	<r:layoutResources/>
 		
</body>

</html>
